<template>
  <div style="padding: 10px">
    <el-page-header @back="goBack" content="术语库详情"></el-page-header>
    <el-container>
      <el-main>
        <el-table highlight-current-row :data="termList" border :height="tableHeight">
          <el-table-column label="版本号" prop="version"></el-table-column>
          <el-table-column label="中文正名" prop="name"></el-table-column>
          <el-table-column label="同义词" prop="synonym"></el-table-column>
          <el-table-column label="英文名称" prop="englishName"></el-table-column>
          <el-table-column label="英文同义词" prop="englishNameSynonym"></el-table-column>
          <el-table-column label="英文缩写" prop="englishAbbr"></el-table-column>
          <el-table-column label="英文缩写同义词" prop="englishAbbrSynonym"></el-table-column>
          <el-table-column label="法文名称" prop="frenchName"></el-table-column>
          <el-table-column label="法文同义词" prop="frenchNameSynonym"></el-table-column>
          <el-table-column label="俄文名称" prop="russianName"></el-table-column>
          <el-table-column label="俄文同义词" prop="russianNameSynonym"></el-table-column>
          <el-table-column label="德文名称" prop="germanName"></el-table-column>
          <el-table-column label="德文同义词" prop="germanNameSynonym"></el-table-column>
          <el-table-column label="日文名称" prop="japaneseName"></el-table-column>
          <el-table-column label="日文同义词" prop="japaneseNameSynonym"></el-table-column>
        </el-table>
      </el-main>
    </el-container>
  </div>
</template>

<script>
export default {
  name: "TermLibDetail",
  data() {
    return {
      termList: [],
      tableHeight: 0
    }
  },
  methods: {
    loadData() {
      this.axios.get("/pmph/action/term/selectTermsFromLibOfSpecifiedVersion", {
        params: {
          historyId: this.$route.query.historyId
        }
      }).then(response => {
        this.termList = response.data
      })
    },
    goBack() {
      this.$router.back()
    }
  },
  created() {
    this.tableHeight = CONST.WORKSPACE_HEIGHT - 82
    this.loadData()
  }
}
</script>

<style scoped>

</style>
